!<!-- 头部导航 -->
<template>
    <div id='top_container'>
        <div id="top_box">
            <div id="top_box_left">
                附近酒店
            </div>
            <div id="top_box_right">
                <button id="addBtn" @click="AddHandle">加入商户</button>
            </div>
        </div>
    </div>
</template>


<!-- 添加处理器 -->
<script setup>
import { useInfoStore } from '../stores/info'

const info = useInfoStore();

function AddHandle(){
  // 修改共享状态AddFlag，显示新增表单
  info.openAddForm();
  console.log(info.addFlag, "===");
}
</script>

<style scoped>

#addBtn{
  padding: 5px 5px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  background-color: #ffffff;
}

#top_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #aac8d8;
  padding: 10px 20px;
  border-radius: 5px;
}

#top_box_left{
  font-size: 18px;
  font-weight: 600;
}

</style>